<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/l-style.css" rel="stylesheet">
    <style>
        .mes-choose select{
            height: 36px;
            line-height: 36px !important;
            margin-bottom: 0;
            border: none;
            outline: none;
        }
    </style>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/pop_status.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
<div class="container">
    <div class="header">
        <div class="header-fl fl">科技小桌板</div>
        <div class="header-fr fr">
            <img src="img/icon/default-avatar.png" width="28" height="28" class="default-avatar fl">
            <span class="admin-name fl">Sherry</span>
            <img src="img/icon/exit-icon.png" width="16" height="16" class="login-exit fr">
        </div>
    </div>

    <div class="super-admin">
        <img src="img/icon/s-admin.png" width="70" height="71">
        <span class="super-text">超级管理员</span>
    </div>

    <div class="sidebar">
        <div class="panel-group" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" href="index.html" data-id="1">
                                <span class="sidebar-icon">
                                    <span class="side1"></span>
                                </span>
                                <span class="">首页</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                            <a class="sidebar-list" data-id="2" >
                                <span class="sidebar-icon">
                                    <span class="side2"></span>
                                </span>
                                <span class="">消息通知</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" data-id="1" href="gg1.html">公告列表</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" data-id="2" href="px1.html">培训通知</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="3"  href="ry1.html">
                                <span class="sidebar-icon">
                                    <span class="side3"></span>
                                </span>
                                <span class="">人员管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="4" href="qy1.html">
                                <span class="sidebar-icon">
                                    <span class="side4"></span>
                                </span>
                                <span class="">企业信息管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="5" href="sb1.html">
                                <span class="sidebar-icon">
                                    <span class="side5"></span>
                                </span>
                                <span class="">申报看板</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="6" href="wj1.html">
                                <span class="sidebar-icon">
                                    <span class="side6"></span>
                                </span>
                                <span class="">文件管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">
                            <a class="sidebar-list" data-id="7">
                                <span class="sidebar-icon">
                                    <span class="side7"></span>
                                </span>
                                <span class="">账号管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseSeven" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="zh2.html" data-id="1">普通管理员账号管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="zh1.html" data-id="2">科技联络人审核</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
                            <a class="sidebar-list" data-id="8">
                                <span class="sidebar-icon">
                                    <span class="side8"></span>
                                </span>
                                <span class="">系统设置</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseEight" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="xt3.html" data-id="1">个人信息</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt7.html" data-id="2">修改密码</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt5.html" data-id="3">企业类别管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt6.html" data-id="4">企业属性管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt1.html" data-id="5">Banner图管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="xt8.html" data-id="6">注册协议管理</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-header">
        <div class="page-right-top">
            <div class="right-top">
                <span class="right-title">人员管理</span>
            </div>
            <!--<div class="top-nav top-nav-active">添加人员</div>-->
        </div>
        <div class="main-content">
            <div class="main-top">
                <div class="index-list member-m1">
                    <div class="index-total">企业联络人总数</div>
                    <div class="index-totalNum">
                        <span>38700</span>个
                    </div>
                </div>
                <div class="index-list member-m2">
                    <div class="index-total" style="padding-top: 13px;">科技联络人总数</div>
                    <div class="index-totalNum">
                        <span>2000</span>个
                    </div>
                </div>
                <div class="index-list member-m3">
                    <div class="index-total">今日新增企业联络人数</div>
                    <div class="index-totalNum">
                        <span>200</span>个
                    </div>
                </div>
            </div>

            <div class="mes-content">
                <div class="main-mes-top">
                    <div class="fl">
                        <a class="release-btn fl" style="width:140px;" href="ry2.html">
                            <div class="train-width" style="width: 96px;">
                                <span class="me-icon fl"></span>
                                <span class="re-text fl">添加新成员</span>
                            </div>
                        </a>
                    </div>

                    <div class="fr">
                        <div class="mes-input fl">
                            <input type="text" class="keyword-input" name="keyword" placeholder="请输入关键词">
                        </div>

                        <div class="screen-term">
                            <select class="screen-de" name="" id="">
                                <option value="1">企业名称</option>
                                <option value="2">企业类别</option>
                                <option value="3">企业属性</option>
                                <option value="4">科技载体</option>
                                <option value="5">联络人身份属性</option>
                                <option value="6">账号状态</option>
                            </select>
                        </div>

                        <div class="mes-input fl mes-choose">
                            <input type="text" class="keyword-input" name="condition" placeholder="请输入企业名称">
                        </div>

                        <div class="mes-input fl mes-choose" style="display: none;">
                            <select name="enterprise_category">
                                <option value="0">请选择企业类别</option>
                                <option value="1">企业类别1</option>
                                <option value="2">企业类别2</option>
                            </select>
                        </div>

                        <div class="mes-input fl mes-choose" style="display: none;">
                            <select name="enterprise_property">
                                <option value="0">请选择企业属性</option>
                                <option value="1">企业属性1</option>
                                <option value="2">企业属性2</option>
                            </select>
                        </div>
                        <div class="mes-input fl mes-choose" style="display: none;">
                            <select name="technology_carrier">
                                <option value="0">请选择科技载体</option>
                                <option value="1">科技载体1</option>
                                <option value="2">科技载体2</option>
                            </select>
                        </div>
                        <div class="mes-input fl mes-choose" style="display: none;">
                            <select name="contact_person">
                                <option value="1">科技联络人</option>
                                <option value="2">其他联络人</option>
                            </select>
                        </div>
                        <div class="mes-input fl mes-choose" style="display: none;">
                            <select name="account_state">
                                <option value="1">正常</option>
                                <option value="2">不正常</option>
                            </select>
                        </div>

                        <button class="mes-query-btn fl">查询</button>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="main-mes-content">
                    <div class="al-released fl">企业联络人列表</div>
                    <div class="acc-operation fr">
                        <div class="acc-opera-btn fl enable-btn">启用账号</div>
                        <div class="acc-opera-btn fl disable-btn">禁用账号</div>
                    </div>

                    <table class="table" style="table-layout:fixed;">
                        <thead>
                        <tr style="background-color: #f3f9fd;">
                            <th style="width: 2%;" class="center-th">
                                <input id="allcbox" type="checkbox" width="20" height="20" style="margin-top: -2px;">
                            </th>
                            <th style="width: 6%;" class="center-th">序号</th>
                            <th style="width:9%;" class="center-th">企业联络人姓名</th>
                            <th style="width: 9%" class="center-th">是否是科技联络人</th>
                            <th style="width: 11%" class="center-th">手机号</th>
                            <th style="width: 11%" class="center-th">公司名称</th>
                            <th style="width: 11%" class="center-th">企业属性</th>
                            <th style="width: 11%" class="center-th">企业类别</th>
                            <th class="center-th">科技载体</th>
                            <th class="center-th">邮箱</th>
                            <th class="center-th">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="center-th">
                                <input name="sid[]" type="checkbox" width="20" height="20" style="margin-top: -2px;">
                            </td>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">张三</td>
                            <td class="center-th">是</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">昆山高新科技园</td>
                            <td class="center-th">kejiyun@qq. com</td>
                            <td class="center-th">
                                <span class="table-opera ta-reset" style="display: block;">重置密码</span>
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">禁用</span>
                            </td>
                        </tr>
                        <tr style="color: #cccccc;">
                            <td class="center-th">
                                <div class="inp-dis"></div>
                            </td>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">张三</td>
                            <td class="center-th">是</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">昆山高新科技园</td>
                            <td class="center-th">kejiyun@qq. com</td>
                            <td class="center-th">
                                <span class="table-opera tab-enable">启用</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="center-th">
                                <input name="sid[]" type="checkbox" width="20" height="20" style="margin-top: -2px;">
                            </td>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">张三</td>
                            <td class="center-th">是</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">昆山高新科技园</td>
                            <td class="center-th">kejiyun@qq. com</td>
                            <td class="center-th">
                                <span class="table-opera ta-reset" style="display: block;">重置密码</span>
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">禁用</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="center-th">
                                <input name="sid[]" type="checkbox" width="20" height="20" style="margin-top: -2px;">
                            </td>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">张三</td>
                            <td class="center-th">是</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">昆山高新科技园</td>
                            <td class="center-th">kejiyun@qq. com</td>
                            <td class="center-th">
                                <span class="table-opera ta-reset" style="display: block;">重置密码</span>
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">禁用</span>
                            </td>
                        </tr>
                        <tr>
                            <td class="center-th">
                                <input name="sid[]" type="checkbox" width="20" height="20" style="margin-top: -2px;">
                            </td>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">张三</td>
                            <td class="center-th">是</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">昆山高新科技园</td>
                            <td class="center-th">kejiyun@qq. com</td>
                            <td class="center-th">
                                <span class="table-opera ta-reset" style="display: block;">重置密码</span>
                                <span class="table-opera tab-edit">编辑 |</span>
                                <span class="table-opera tab-disable">禁用</span>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="page-box">
                        <ul class="pagination">
                            <li><a href="#">&laquo;</a></li>
                            <li><a href="#" class="mes-page-check">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </div>
                </div>
           </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {

        SidebarHighlighting('3');

        // 点击查询
        $('.mes-query-btn').on('click', function() {
            var keyword = $("input[name='keyword']").val();
            var condition_val = $("input[name='condition']").val();

            var is_condition = $('.st-text').text();

            if ($.trim(keyword) == '') {
                popStatus(2, '请输入关键字', 1,'', true);
                return;
            }
            if (is_condition == '筛选条件') {
                popStatus(2, '请先选择筛选条件', 1,'', true);
                return;
            }
        });

        // 全选

        $("#allcbox").click(function() {
            var sid = $('input[name="sid[]"]');

            sid.prop("checked",this.checked);

        });

        var $subBox = $("input[name='sid[]']");
        $subBox.click(function(){
            $("#allcbox").prop("checked",$subBox.length == $("input[name='sid[]']:checked").length ? true : false);
        });

        //重置密码
        $('.ta-reset').on('click', function() {

            if(confirm('您确定要重置此密码吗？')) {
                popStatus(1, '重置成功！', 1,'', true);
            }
        });

        // 禁用
        $('.tab-disable').on('click', function() {

            if(confirm('您确定要禁用吗？')) {
                popStatus(1, '禁用成功！', 1,'', true);
            }
        });

        //  筛选

        $('.screen-de').change(function() {

            var this_index = Number($(this).val() - 1);

            $('.mes-choose').hide().eq(this_index).show();
        })
    })
</script>
</body>
</html>